<template>
  <div>
    <el-container>
      <el-header style="height: 100px;background: red;">Header</el-header>
      <el-container>
        <el-aside width="200px" style="width: 100px;">
          <nav>
            <router-link to="/">Home</router-link> 
            <router-link to="/about">About</router-link>
          </nav>
        </el-aside>
        <el-container>
          <el-main> <router-view></router-view></el-main>

        </el-container>
      </el-container>
    </el-container>
  </div>
</template>

<script>
export default {
  data() {
    return {
    }
  },
  methods: {
  },
  components: {
  },
  computed: {
  },
  mounted() {
  },
  created() {
  },
  destroyed() {
  },
  watch: {
  }

}
</script>

<style>

</style>